<!DOCTYPE html>
<html lang="zh">
<head>
    <title>{web name='title' /}</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="keywords" content="{if condition='isset($keywords)'}{$keywords}{else/}{web name='keywords' /}{/if}"/>
    <meta name="description"
          content="{if condition='isset($description)'}{$description}{else/}{web name='description' /}{/if}"/>
    <meta name="viewport" content="width=1440">
    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link href="__PUBLIC__css/animate.css,iconfont.css,bootstrap.min.css,response.min.css"
          rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/ftmpl_impt_10c675c7-d183-4c58-b85c-58b5f88f5e9d.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/page_impt_product.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/page_impt_home.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/swiper4.5.3.min.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/amazeui.min.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/common.min.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/contact.min.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
    <![endif]-->
    <script src="__PUBLIC__js/jquery1.11.3.min.js"></script>
    <script src="__PUBLIC__js/bootstrap3.3.7.min.js"></script>
    <script src="__PUBLIC__js/swiper4.5.3.min.js"></script>
</head>
<body>
{include file="Public/header"/}
<div id="w_grid-1592638822581" class="w_grid-000">
    <div class="w_grid signal">
        <div class="e_box e_box-000 p_gridbox">
            <div id="content_box-1592638822581-0" class="e_box e_box-000 d_gridCell_0 p_gridCell">
                <div id="c_portalResEbizads_banner-15926388932054623"
                     class="c_portalResEbizads_banner-01001">
                    <div class="banner">
                        <div class="banner-swiper swiper-container">
                            <div class="swiper-wrapper">
                                {banner id="1"}
                                <div class="swiper-slide">
                                    <a href="{$banner.url}" target="_blank">
                                        <img src="{$banner.img}" alt="{$banner.title}"
                                             title="{$banner.title}"/>
                                    </a>
                                </div>
                                {/banner}
                            </div>
                            <div class="pagination banner-pagination"></div>
                            <span class="swiper-notification"></span>
                            <span class="swiper-notification"></span>
                        </div>
                        <!-- 切换按钮 -->
                        <div class="swiper-button btn-prev">
                            <i class="iconfont"></i>
                        </div>
                        <div class="swiper-button btn-next">
                            <i class="iconfont"></i>
                        </div>
                    </div>
                    <script>
                        $(function () {
                            // 插件引用
                            new Swiper('.banner-swiper', {
                                autoplay: {
                                    delay: 2000,
                                    stopOnLastSlide: false,
                                    disableOnInteraction: false,
                                },
                                speed: 1000,
                                loop: true,
                                // 前进后退按钮
                                navigation: {
                                    nextEl: '#c_portalResEbizads_banner-15926388932054623 .btn-next ',
                                    prevEl: '#c_portalResEbizads_banner-15926388932054623 .btn-prev ',
                                },
                                // 分页
                                pagination: {
                                    el: '#c_portalResEbizads_banner-15926388932054623 .pagination',
                                    // 点击控制轮播
                                    clickable: true,
                                },
                                on: {
                                    init: bannerChange,
                                    resize: bannerChange,
                                }
                            });

                            function bannerChange() {
                                var h = 420;
                                if (document.body.clientWidth < 1800) {
                                    h = document.body.clientWidth / 4.2
                                }
                                $('#c_portalResEbizads_banner-15926388932054623 .banner').height(h);
                            }
                        })
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="w_grid-1592638858399" class="w_grid-000">
    <div class="w_grid signal">
        <div class="e_box e_box-000 p_gridbox">
            <div id="content_box-1592638858399-0" class="e_box e_box-000 d_gridCell_0 p_gridCell">
                <div id="w_grid-1592638858403" class="w_grid-000">
                    <div class="w_grid signal">
                        <div class="e_box e_box-000 p_gridbox">
                            <div id="content_box-1592638858403-0"
                                 class="e_box e_box-000 d_gridCell_0 p_gridCell">
                                <div id="w_grid-1592638858417" class="w_grid-000">
                                    <div class="w_grid signal">
                                        <div class="e_box e_box-000 p_gridbox">
                                            <div id="content_box-1592638858417-0"
                                                 class="e_box e_box-000 d_gridCell_0 p_gridCell">
                                                <div id="w_common_text-1592638858439"
                                                     class="reset_style">
                                                    <div><p><span
                                                            style="font-size:32px">
                                                                      <span style="line-height:1.5">
                                                                        <span style="color:#000000">
                                                                          <span style="font-family:arial,helvetica,sans-serif">
                                                                            <strong>ABOUT OUR COMPANY
                                                                            </strong>
                                                                          </span>
                                                                        </span>
                                                                      </span>
                                                                    </span></p></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="w_common_text-1592638858423"
                                     class="reset_style">
                                    <div><p><span style="font-size:22px">
                                                          <span style="color:#c3c3c3">
                                                            <span style="line-height:1.5">
                                                              <strong>
                                                                <span style="letter-spacing:1px">
                                                                  <span style="font-family:微软雅黑,serif">关于我们
                                                                  </span>
                                                                </span>
                                                              </strong>
                                                            </span>
                                                          </span>
                                                        </span></p></div>
                                </div>
                                <div id="w_common_text-1592638858425"
                                     class="reset_style">
                                    <div>
                                        <p>
                                            <span style="line-height:2">
                                                <span style="color:#82858e">
                                                    <span style="font-family:微软雅黑,serif">
                                                        <span>{article cid='57' pagesize='1'}{$article.description}{/article}</span>
                                                    </span>
                                                </span>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div id="w_fbtn-1592638858436" class="w_fbtn-001">
                                    <div class="w_fbtn animated">
                                        {article cid='57' pagesize='1'}
                                        <a href="{$article.url}"
                                           class="e_link e_link-001 p_link"
                                           target="_self" title="查看详情">
                                            <div class="e_btn e_CommonBtn-001 p_CommonBtn">
                                                <div class="font">关于</div>
                                            </div>
                                        </a>
                                        {/article}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="content_box-1592638858399-1"
                 class="e_box e_box-000 d_gridCell_1 p_gridCell">
                <div id="w_fimg-1592638858407" class="w_fimg-000">
                    <div class="w_img animated  ">
                        <div class="e_box e_box-000 p_box">
                            <div class="e_image e_DImage-001 p_dimage">
                                {article cid='57' pagesize='1'}
                                <img src="{$article.litpic}"
                                     alt="关于我们" title="关于我们" width="100%"
                                     height="100%">
                                {/article}

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="w_grid-1592795468284" class="w_grid-000">
    <div class="w_grid signal">
        <div class="e_box e_box-000 p_gridbox">
            <div id="content_box-1592795468284-0" class="e_box e_box-000 d_gridCell_0 p_gridCell">
                <div id="w_common_text-1592795468295" class="reset_style">
                    <div>
                        <p style="text-align:center">
                                        <span style="line-height:1.6">
                                          <span style="color:#cccccc">
                                            <span style="font-size:32px">
                                              <strong>
                                                <span style="font-family:arial,helvetica,sans-serif">PRODUCT SHOW
                                                </span>
                                              </strong>
                                            </span>
                                          </span>
                                        </span>
                        </p>
                        <p style="text-align:center">
                                        <span style="color:#FFFFFF">
                                          <span style="line-height:1.6">
                                            <span style="font-size:22px">
                                              <span style="font-family:微软雅黑,serif">
                                                <strong>产品展示
                                                </strong>
                                              </span>
                                            </span>
                                          </span>
                                        </span>
                        </p>
                    </div>
                </div>
                <div id="c_portalResProduct_list-15928074165548574" class="section" style="margin-top: 4rem">
                    <div class="container">
                        <div class="product-swiper swiper-container" style="padding-bottom: 6rem">
                            <div class="swiper-wrapper">
                                {product pagesize='36'}
                                <div class="swiper-slide proLi" style="background-color:#FFF">
                                    <a href="{$product.url}" class="lookDetail">
                                        <div class="porTbox">
                                            <img src="{$product.litpic}"
                                                 title="{$product.title}" class="proImg js_thumb"
                                                 alt="{$product.title}">
                                            <div class="showBox">{$product.title}</div>
                                        </div>
                                        <div class="porBbox">
                                            <div class="leftBox">
                                                <!-- 标题 -->
                                                <div class="proTitle" style="font-size:1.6rem;">{$product.title}</div>
                                                <!-- 描述 -->
                                                <div class="proSummry">
                                                    {$product.description}
                                                </div>
                                            </div>
                                            <span class="details">查看更多</span>
                                            <span class="arrowsR">
                                                <img src="__PUBLIC__images/rBQBG1zeRF-EZ6WeAAAAALtrhrs312.png"
                                                     alt="白箭头" class="barr">
                                                <img src="__PUBLIC__images/rBQBHVzeREuEL1FvAAAAAB_7d88582.png"
                                                     alt="黑箭头" class="harr">
                                            </span>
                                        </div>
                                    </a>
                                </div>
                                {/product}

                            </div>
<!--                            <div class="swiper-button-prev swiper-button-white"></div>-->
<!--                            <div class="swiper-button-next swiper-button-white"></div>-->
                            <div class="swiper-pagination" style="bottom: 20px"></div>
                            <script>
                                if (document.body.clientWidth > 1200) {
                                    var swiper = new Swiper('.product-swiper', {
                                        pagination: {
                                            el: '.swiper-pagination',
                                            clickable: true,
                                        },
                                        // // 前进后退按钮
                                        // navigation: {
                                        //     nextEl: '.swiper-button-prev',
                                        //     prevEl: '.swiper-button-next',
                                        // },
                                        slidesPerView: 3,
                                        slidesPerGroup: 3,
                                        slidesPerColumn: 2,
                                        paginationClickable: true,
                                        spaceBetween: 30,
                                    });
                                } else {
                                    new Swiper('.product-swiper', {
                                        pagination: {
                                            el: '.swiper-pagination',
                                        },
                                    });
                                }
                            </script>
                        </div>
                    </div>
                </div>
            </div>

            <!--            <div id="content_box-1592795468284-0" class="e_box e_box-000 d_gridCell_0 p_gridCell">-->
            <!--                <div id="w_common_text-1592795468295" class="reset_style">-->
            <!--                    <div>-->
            <!--                        <p style="text-align:center">-->
            <!--                                        <span style="line-height:1.6">-->
            <!--                                          <span style="color:#cccccc">-->
            <!--                                            <span style="font-size:32px">-->
            <!--                                              <strong>-->
            <!--                                                <span style="font-family:arial,helvetica,sans-serif">PRODUCT SHOW-->
            <!--                                                </span>-->
            <!--                                              </strong>-->
            <!--                                            </span>-->
            <!--                                          </span>-->
            <!--                                        </span>-->
            <!--                        </p>-->
            <!--                        <p style="text-align:center">-->
            <!--                                        <span style="color:#FFFFFF">-->
            <!--                                          <span style="line-height:1.6">-->
            <!--                                            <span style="font-size:22px">-->
            <!--                                              <span style="font-family:微软雅黑,serif">-->
            <!--                                                <strong>产品展示-->
            <!--                                                </strong>-->
            <!--                                              </span>-->
            <!--                                            </span>-->
            <!--                                          </span>-->
            <!--                                        </span>-->
            <!--                        </p>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--                <div id="w_grid-1592795468298" class="w_grid-000">-->
            <!--                    <div class="w_grid ">-->
            <!--                        <div class="e_box e_box-000 p_gridbox">-->
            <!--                            <div class="product-swiper swiper-container swiper-container-horizontal">-->
            <!--                                <div class="swiper-wrapper">-->
            <!--                                    {product pagesize='6'}-->
            <!--                                    <div class="swiper-slide">-->
            <!--                                        <div id="content_box-1592795468298-{$nav.id}"-->
            <!--                                             class="e_box e_box-000 d_gridCell_0 p_gridCell">-->
            <!--                                            <div id="w_fimgbox-1592795468302" class="w_fimgbox-001">-->
            <!--                                                <div class="w_imgbox"><img-->
            <!--                                                        src="{$product.litpic}"-->
            <!--                                                        alt="{$product.title}" title="{$product.title}" width="100%"-->
            <!--                                                        height="100%">-->
            <!--                                                    <div id="content_box-1592795468302"-->
            <!--                                                         class="e_box e_box-001 p_contentbox">-->
            <!--                                                        <div id="w_grid-1592795468324"-->
            <!--                                                             class="w_grid-000">-->
            <!--                                                            <div class="w_grid signal">-->
            <!--                                                                <div class="e_box e_box-000 p_gridbox">-->
            <!--                                                                    <div id="content_box-1592795468324-0"-->
            <!--                                                                         class="e_box e_box-000 d_gridCell_0 p_gridCell">-->
            <!--                                                                        <div id="w_common_text-1592795468330"-->
            <!--                                                                             class="reset_style">-->
            <!--                                                                            <div>-->
            <!--                                                                                <p style="text-align:center">-->
            <!--                                                                                                <span style="font-size:16px"><strong><span-->
            <!--                                                                                                        style="line-height:1.8"><span-->
            <!--                                                                                                        style="color:#ffffff"><span-->
            <!--                                                                                                        style="font-family:微软雅黑,serif"></span></span></span></strong></span>-->
            <!--                                                                                </p>-->
            <!--                                                                            </div>-->
            <!--                                                                        </div>-->
            <!--                                                                        <div id="w_fbtn-1592795468332"-->
            <!--                                                                             class="w_fbtn-001">-->
            <!--                                                                            <div class="w_fbtn animated  ">-->
            <!--                                                                                <a-->
            <!--                                                                                        href="/index/listing/index/cid/46.html"-->
            <!--                                                                                        class="e_link e_link-001 p_link"-->
            <!--                                                                                        target="_self"-->
            <!--                                                                                        title="品牌精神">-->
            <!--                                                                                    <div class="e_btn e_CommonBtn-001 p_CommonBtn">-->
            <!--                                                                                        <div class="font">-->
            <!--                                                                                            MORE-->
            <!--                                                                                        </div>-->
            <!--                                                                                    </div>-->
            <!--                                                                                </a></div>-->
            <!--                                                                        </div>-->
            <!--                                                                    </div>-->
            <!--                                                                </div>-->
            <!--                                                            </div>-->
            <!--                                                        </div>-->
            <!--                                                    </div>-->
            <!--                                                </div>-->
            <!--                                            </div>-->
            <!--                                        </div>-->
            <!--                                    </div>-->
            <!--                                    {/product}-->
            <!--                                </div>-->
            <!--                            </div>-->
            <!--                            <script>-->
            <!--                                if (document.body.clientWidth > 768) {-->
            <!--                                    new Swiper('.product-swiper', {-->
            <!--                                        slidesPerView: 5,-->
            <!--                                        centeredSlides: true,-->
            <!--                                        paginationClickable: true,-->
            <!--                                        spaceBetween: 30,-->
            <!--                                        autoplay: {-->
            <!--                                            delay: 2000,-->
            <!--                                            stopOnLastSlide: false,-->
            <!--                                            disableOnInteraction: false,-->
            <!--                                        },-->
            <!--                                        speed: 1000,-->
            <!--                                        loop: true,-->
            <!--                                        on: {-->
            <!--                                            resize: productChange,-->
            <!--                                        }-->
            <!--                                    });-->
            <!--                                } else {-->
            <!--                                    new Swiper('.product-swiper', {-->
            <!--                                        autoplay: {-->
            <!--                                            delay: 2000,-->
            <!--                                            stopOnLastSlide: false,-->
            <!--                                            disableOnInteraction: false,-->
            <!--                                        },-->
            <!--                                        speed: 1000,-->
            <!--                                        loop: true,-->
            <!--                                        on: {-->
            <!--                                            resize: productChange,-->
            <!--                                        }-->
            <!--                                    });-->
            <!--                                }-->

            <!--                                function productChange() {-->
            <!--                                    if (document.body.clientWidth > 768) {-->

            <!--                                    } else {-->

            <!--                                    }-->
            <!--                                }-->
            <!--                            </script>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
        </div>
    </div>
</div>
<div class="section" style="margin-top: 120px">
    <div class="container">
        <div class="section--header">
            <h2 class="section--title">服务咨询，联系我们</h2>
            <p class="section--description">
                {web name='description' /}<br>
            </p>
        </div>
        <div class="section-container">
            <div class="am-g">
                <!--contact-left start-->
                <div class="am-u-md-5">
                    <ul class="contact-left">
                        <li class="contact-box-item">
                            <div class="contact_item">
                                <i class="contact_item--icon am-icon-phone"></i>
                                <h3 class="contact_item--title">联系电话</h3>
                                <p class="contact_item--text">
                                    <strong>{web name='tel' /}</strong>
                                </p>
                            </div>
                        </li>
                        <li class="contact-item">
                            <div class="contact_item">
                                <i class="contact_item--icon am-icon-send"></i>
                                <h3 class="contact_item--title">邮箱</h3>
                                <p class="contact_item--text">
                                    <strong>{web name='email' /}</strong>
                                </p>
                            </div>
                        </li>
                        <li class="contact-item">
                            <div class="contact_item">
                                <i class="contact_item--icon am-icon-map-marker"></i>
                                <h3 class="contact_item--title">地址</h3>
                                <p class="contact_item--text">
                                    {web name='address' /}
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--contact-left end-->
                <!--contact-right start-->
                <div class="am-u-md-7">
                    <div class="contact-form">
                        <h3 class="contact-form_title">在线留言</h3>
                        <form action="{guestbook /}" method="post">
                            <input type="hidden" name="title" value="客户留言">
                            <div class="am-g">
                                <div class="am-u-md-6">
                                    <input type="text" name="username" placeholder="您的称呼（NAME）">
                                </div>
                                <div class="am-u-md-6">
                                    <input type="tel" name="tel" placeholder="您的电话（TEL）">
                                </div>
                            </div>
                            <div class="am-g">
                                <div class="am-u-md-6">
                                    <input type="email" name="email" placeholder="您的邮箱（E-MAIL）">
                                </div>
                            </div>
                            <div class="am-g">
                                <div class="am-u-md-12">
                                    <div class="am-form-group">
                                            <textarea rows="5" name="content"
                                                      placeholder="请输入您要反馈或咨询的问题..."></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="am-g">
                                <div class="am-u-md-3">
                                    <p>
                                        <button type="submit"
                                                class="am-btn am-btn-default btn-reguest am-fr btn-fl">
                                            提交
                                        </button>
                                    </p>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!--contact-right end-->
            </div>
        </div>
    </div>
</div>
{include file="Public/footer"/}
</body>
</html>